<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            高级用户注册
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding">
    <span class="ht-100 ht-inline-block ht-padding-bottom10 ht-font-12 ht-font-f29603">
      （为保证交易安全性与交易信用，在平台上悬赏或赚取任务赏金，请注册真实身份）
    </span>
        <span class="ht-100 ht-inline-block ht-font-13 ht-000 ht-line-20">
      <i class="ht-font-f29603">*</i>为注册必须内容
    </span>
    </div>
    <!-- 手机号 -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30">
        <div class="ht-20 ht-float-left"><i class="ht-font-f29603">*</i>手机号</div>
        <div class="ht-float-left">
            <div class="r-input">
                <input type="text" class="r-input" [(ngModel)]="regData.user_name" disabled>
                <img src="assets/imgs/icon-wc.png" alt="" class="r-icon" *ngIf="false">
            </div>
            <!--<div class="ht-font-f29603 ht-font-12 ht-float-left r-padding-left">信用值+5</div>-->
        </div>
    </div>
    <!-- 昵称 -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30">
        <div class="ht-float-left"><i class="ht-font-f29603">*</i>昵称/店名/公司名</div>
        <div class="ht-float-left margin-left-5">
            <div class="r-input">
                <input type="text" class="r-input" [(ngModel)]="regData.nickname" [disabled]="step!=0">
                <img src="assets/imgs/icon-cw.png" alt="" class="r-icon" *ngIf="false">
            </div>
        </div>
    </div>
    <!-- 姓名 -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30">
        <div class="ht-20 ht-float-left"><i class="ht-font-f29603">*</i>姓名</div>
        <div class="ht-80 ht-float-left">
            <div class="r-input">
                <input type="text" class="r-input" [(ngModel)]="regData.full_name" [disabled]="step!=0">
                <img src="assets/imgs/icon-cw.png" alt="" class="r-icon" *ngIf="false">
            </div>
            <div class="ht-font-f29603 ht-font-12 ht-float-left r-padding-left">信用值+5</div>
            <!--<div class="clearfix padding-top-5">-->
                <!--<label class="ht-999 flex flex-align-center margin-top-5">-->
                    <!--<input type="checkbox" [(ngModel)]="regData.anonymity" [disabled]="step!=0">-->
                    <!--<span class="margin-left-5">选择匿名</span>-->
                <!--</label>-->
            <!--</div>-->
        </div>
    </div>
    <!-- 性别 -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30">
        <div class="ht-20 ht-float-left"><i class="ht-font-f29603">*</i>性别</div>
        <div class="ht-80 ht-float-left flex">
            <label class="ht-999 flex flex-align-center">
                <input type="radio" [value]="1" class="img-16" [(ngModel)]="regData.sex" [disabled]="step!=0">
                <span class="margin-left-5">男</span>
            </label>
            <label class="ht-999 flex flex-align-center" margin-left>
                <input type="radio" [value]="2" class="img-16" [(ngModel)]="regData.sex" [disabled]="step!=0">
                <span class="margin-left-5">女</span>
            </label>
            <div class="ht-font-f29603 ht-font-12 r-padding-left">信用值+1</div>
        </div>
    </div>
    <!-- 出生年月 -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30 flex flex-align-center">
        <div class="ht-20 ht-float-left"><i class="ht-font-f29603">*</i>出生年月</div>
        <div class="ht-80 ht-float-left flex flex-align-center" style="position:relative;">
            <ion-datetime class="ht-padding" displayFormat="YYYY年MM月DD日" style="background-color:#f7f9f8;opacity:1;"
                          [(ngModel)]="regData.birthday" doneText="完成" cancelText="取消"
                          [disabled]="step!=0"></ion-datetime>
            <!--<input type="text" class="ip-input ht-15">年<input type="text" class="ip-input ht-10">月<input type="text" class="ip-input ht-10">日-->
            <span class="ht-font-f29603 ht-font-12 r-padding-left">信用值+2</span>
        </div>
    </div>
    <!-- 身份证号 -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30">
        <div class="ht-20 ht-float-left"><i class="ht-font-f29603">*</i>身份证号</div>
        <div class="ht-80 ht-float-left">
            <div class="r-input">
                <input type="text" class="r-input" [(ngModel)]="regData.id_number" [disabled]="step!=0">
                <img src="assets/imgs/icon-wc.png" alt="" class="r-icon" *ngIf="false">
            </div>
            <div class="ht-font-f29603 ht-font-12 ht-float-left r-padding-left">信用值+5</div>
        </div>
    </div>
    <!-- 身份证（正反面） -->
    <div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30">
        <div class="">
            <!-- <i class="ht-font-f29603">*</i>-->
                身份证（正反面） 
            <span class="ht-font-f29603 ht-font-12">信用值+10</span>
        </div>
        <div class="ht-overflow flex">
            <div class="ht-relative idcard idcard-front">
                <img [src]="util.parseImageUrl(regData.id_number_img[0])" alt="" *ngIf="regData.id_number_img[0]">
                <input type="file" (change)="uploadImage('front',$event)" class="cover opacity-0 upload-input" [disabled]="regData.id_number_img[0]">
            </div>
            <div class="margin-left-5 ht-relative idcard idcard-reverse">
                <img [src]="util.parseImageUrl(regData.id_number_img[1])" alt="" *ngIf="regData.id_number_img[1]">
                <input type="file" (change)="uploadImage('reverse',$event)" class="cover opacity-0 upload-input" [disabled]="regData.id_number_img[1]">
            </div>
        </div>
    </div>
</ion-content>
<ion-footer>
    <ion-toolbar>
        <div class="ht-100 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603" (click)="doPost()">
            <span *ngIf="step == 0">
                提交并进入下一步
            </span>
            <span *ngIf="step != 0">
                下一页
            </span>
        </div>
    </ion-toolbar>
</ion-footer>